import axios, {   AxiosRequestConfig ,AxiosResponse } from 'axios';
import { Message } from 'element-ui';
import router from '@/router';
  let  instance = axios.create({
    timeout: 10000,
  });

  // 添加请求拦截器
  instance.interceptors.request.use(
  function (config:AxiosRequestConfig) {
    // 在发送请求之前做些什么
    //如果在请求之前token  存在 就将token 赋值给它 
    if (localStorage.tsToken) {
      config.headers.Authorization = localStorage.tsToken;
    }
    return config;
  }, function (error:any) {
    // 对请求错误做些什么
    return Promise.reject(error);
  });

  // 添加响应拦截器
  instance.interceptors.response.use(
    function (response:AxiosResponse) {
    // 对响应数据做点什么
    return response;
  }, function (error:any) {
    // 对响应错误做点什么
    let errMsg = '';
    if ( error && error.response.status) {
        //对错误的状态进行判断
      switch (error.response.status) {
        case 401:
          errMsg = '登录状态失效，请重新登录';
          localStorage.removeItem('tsToken');
          router.push('/login');
          break;
        case 403:
          errMsg = '拒绝访问';
          break;

        case 408:
          errMsg = '请求超时';
          break;

        case 500:
          errMsg = '服务器内部错误';
          break;

        case 501:
          errMsg = '服务未实现';
          break;

        case 502:
          errMsg = '网关错误';
          break;

        case 503:
          errMsg = '服务不可用';
          break;

        case 504:
          errMsg = '网关超时';
          break;

        case 505:
          errMsg = 'HTTP版本不受支持';
          break;

        default:
          errMsg = error.response.data.msg;
          break;
      }
    } else {
      errMsg = error;
    }
    Message.error(errMsg);
    return Promise.reject(error);
  });
  
export default instance;